<template>
  <div class="infoContainer">
    <h3>{{ info.title }}</h3>
    <hr />
    <p>{{ info.info }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      id: this.$route.params.id,
      info: [],
    };
  },
  created() {
    this.getContentInfo();
  },
  methods: {
    getContentInfo() {
      this.axios.get("/home/contentInfo/" + this.id).then((response) => {
        // console.log(response.data);
        this.info = response.data.data;
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.infoContainer {
  margin: 10px;
  h3 {
    text-align: center;
  }
  p {
    text-indent: 2em;
  }
}
</style>